<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <title>jQuery手机移动端日历日期选择</title>
    <link href="../css/date.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css">
    <script type="text/javascript" src="../script/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../script/date.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#beginTime').date();
            $('#endTime').date();
        });
    </script>
    <style type="text/css">
        .btn {
            margin-top: 25%;
        }

        #CancelorCheck {
            margin-top: 40%;
        }

        .space {
            width: 10%;
        }
    </style>
</head>
<body>
    <header class="aui-bar aui-bar-nav">
        <div class="aui-pull-left aui-btn" onclick="backup()">
            <span class="aui-iconfont aui-icon-left"></span>返回
        </div>
        <div class="aui-title" style="font-size:0.9rem;">修改日期</div>
    </header>
    <ul class="aui-list aui-form-list">
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label" style="font-size:0.8rem;">
                    开始日期
                </div>
                <div class="aui-list-item-input" >
                    <input class="kbtn" id="beginTime" style="font-size:0.7rem;">
                </div>
            </div>
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <div class="aui-list-item-label" style="font-size:0.8rem;">
                    截至日期
                </div>
                <div class="aui-list-item-input">
                    <input class="kbtn" id="endTime" style="font-size:0.7rem;">
                </div>
            </div>
        </li>
        <div id="datePlugin"></div>
        <li id="CancelorCheck" class="aui-list-item">
            <div class="aui-list-item-inner aui-list-item-center aui-list-item-btn">
                <div class="aui-btn aui-btn-danger aui-margin-l-5" onclick="backup()">取消</div>
                <div class="space"> </div>
                <div class="aui-btn aui-btn-info aui-margin-r-5" onclick="certain()">确定</div>
            </div>
        </li>
    </ul>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/listKaoQin.js"></script>
<script type="text/javascript">
    bt = $api.byId("beginTime");
    et = $api.byId("endTime");
    apiready = function() {
        bt.value = Dt;
        et.value = Dt;
    }
    function backup() {
        api.closeWin({
            name: 'Datepicker'
        });
    }
    function certain(){
        bt = $api.byId("beginTime");
        et = $api.byId("endTime");
        day.setbeginday(bt.value);
        day.setendday(et.value);
        showday()
        backup();
    }
</script>
</html>
